
<template>
    <el-form label-position="left" size="mini"  label-width="90px" class="base-attrbute">
      <el-form-item label="占位提示：">
          <el-input v-model="value.attribute.placeholder" placeholder="请输入占位提示符"></el-input>
      </el-form-item>
      <el-form-item label="禁用：">
        <el-radio-group v-model="value.attribute.disabled">
          <el-radio :label="true">禁用</el-radio>
          <el-radio :label="false">非禁用</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="数字框尺寸：">
        <el-select v-model="value.attribute.size" placeholder="请设置数字框尺寸">
          <el-option label="大" value="medium"></el-option>
          <el-option label="中" value="small"></el-option>
          <el-option label="小" value="mini"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="最大值：">
          <el-input-number v-model="value.attribute.max" placeholder="请输入数字最大值"></el-input-number>
      </el-form-item>
      <el-form-item label="最小值：">
          <el-input-number v-model="value.attribute.min" placeholder="请输入数字最小值"></el-input-number>
      </el-form-item>
      <el-form-item label="间隔：">
          <el-input-number v-model="value.attribute.step" placeholder="请输入数字步数间隔"></el-input-number>
      </el-form-item>
      <el-form-item label="保留小数位：">
          <el-input-number v-model="value.attribute.precision" placeholder="请输入数字保留小数位"></el-input-number>
      </el-form-item>
      <el-form-item label="严格模式：">
        <el-radio-group v-model="value.attribute.strictly">
          <el-radio :label="false">关闭</el-radio>
          <el-radio :label="true">开启</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="按钮：">
        <el-radio-group v-model="value.attribute.controls">
          <el-radio :label="false">关闭</el-radio>
          <el-radio :label="true">开启</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="按钮位置：" v-if="value.attribute.controls == true">
        <el-radio-group v-model="value.attribute['controls-position']">
          <el-radio label="default">默认</el-radio>
          <el-radio label="right">右边</el-radio>
        </el-radio-group>
      </el-form-item>
    </el-form>
</template>
<script type="text/javascript">

export default {
  props: {
    value: [Array, Object]
  },
  components: {
    //Logo
  },
  data() {
    return {

    }
  },
  /**
   * 计算属性
   * @type {Object}
   */
  computed: {

  },
  /**
   * 数据监听
   * @type {Object}
   */
  watch: {

  },
  /**
   * 页面加载执行
   * @return {[type]} [description]
   */
  mounted() {

  },
  /**
   * 页面方法
   * @type {Object}
   */
  methods: {
      handleChange(){
      }
  }
}

</script>
<style type="text/css" lang="scss">
.base-attrbute{
  padding: 10px;
  .el-form-item--mini.el-form-item,
  .el-form-item--small.el-form-item {
    margin-bottom: 10px;
  }
  .el-form-item__label{
    text-align: right;
  }

  .el-form--label-top .el-form-item__label {
    float: none;
    display: inline-block;
    text-align: left;
    padding: 0;
  }
  .el-form-item__label,.el-form-item__content{
    font-size: 12px !important;

  }

}
</style>

